今天的金魚都能懂網頁設計入門來到第九堂：Float浮動。
裡面提到了一個小細節，
就是container的大小有常用的設定數值，
以下是參考了幾個網站後整理的解釋，
其中還沒學到的東西就等以後再回頭來看了：
其實就是為了配合螢幕的解析度，
以前的液晶螢幕解析度多是1024×768，
現在則多是Full HD(1920x1080)，或是4K(3840x2160)。
而在扣掉邊框和捲軸的寬度後，
剩下的版面為了可以有設計的彈性。
例如我們想排進兩欄、三欄、或四欄的排版，
為了讓我們想排的版型有最多的選擇，
我們通常會選一個，
扣掉寬度後能被最多數整除的整數，
才可以完美又漂亮的排進這些欄位，
之後考慮間距、留白、圖片的搭配也從比較好計算，
所以才有了960或1200這樣的數字。
參考資料：
https://dmyz.org/archives/45
https://www.cadiis.com.tw/lessons-learned/507-web-page-size-960-grid-system
https://cythilya.github.io/2015/04/07/bootstrap-grid-system/
iThome鐵人賽
看影片追技術